GamesPage.render - Code Metrics - Inspection of "Start implementing PSD API." - soniCaH/KCVV-Elewijt-Gatsby - Measure and Improve Code Quality continuously with Scrutinizer

Passed

Push — feature/psd-api ( 1320f3 )

by Kevin Van

created 2020-08-13 14:31 UTC

GamesPage.render B

↳ Parent: Project

Complexity

Conditions

Size

Total Lines	314
Code Lines	270

Duplication

Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
eloc	270
dl	0
loc	314
rs	7
c	0
b	0
f	0
cc	1

How to fix Long Method

import React, { Component } from "react"

import Layout from "../layouts/index"

import SEO from "../components/seo"
import MatchWithLogo from "../components/match-with-logo"

class GamesPage extends Component {
  render() {
    const wedstrijd1 = {
      region: "bra",
      division: "BVZ",
      dateTime: 1596044700000,
      home: "KCVV Elewijt A",
      away: "Verbroedering Hofstade",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "00055",
      regNumberAway: "03526",
    }
    const wedstrijd2 = {
      region: "bra",
      division: "FR",
      dateTime: 1596650400000,
      home: "KCVV Elewijt A",
      away: "Sporting Kampenhout",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "00055",
      regNumberAway: "02615",
    }
    const wedstrijd3 = {
      region: "bra",
      division: "BVZ",
      dateTime: 1596735000000,
      home: "FC Zemst Sp.",
      away: "KCVV Elewijt A",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "03746",
      regNumberAway: "00055",
    }
    const wedstrijd4 = {
      region: "bra",
      division: "BCA",
      dateTime: 1596981600000,
      home: "KCVV Elewijt A",
      away: "FC Galmaarden A",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "00055",
      regNumberAway: "05334",
    }
    const wedstrijd5 = {
      region: "bra",
      division: "ESCA",
      dateTime: 1596981600000,
      home: "KCVV Elewijt B",
      away: "KFC Wambeek Ternat B",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "00055",
      regNumberAway: "05661",
    }
    const wedstrijd6 = {
      region: "bra",
      division: "FR",
      dateTime: 1597255200000,
      home: "KCVV Elewijt A",
      away: "FC Melsbroek A",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "00055",
      regNumberAway: "05659",
    }
    const wedstrijd7 = {
      region: "bra",
      division: "FR",
      dateTime: 1597339800000,
      home: "SK Rapid Leest",
      away: "KCVV Elewijt A",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "03737",
      regNumberAway: "00055",
    }
    const wedstrijd9 = {
      region: "bra",
      division: "ESCA",
      dateTime: 1597510800000,
      home: "VV Kester-Gooik B",
      away: "KCVV Elewijt B",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "05921",
      regNumberAway: "00055",
    }
    const wedstrijd10 = {
      region: "bra",
      division: "BCA",
      dateTime: 1597586400000,
      home: "FC Herne A",
      away: "KCVV Elewijt A",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "05934",
      regNumberAway: "00055",
    }
    const wedstrijd11 = {
      region: "bra",
      division: "FR",
      dateTime: 1597945500000,
      home: "KFC Rhodienne - De Hoek A",
      away: "KCVV Elewijt A",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "00006",
      regNumberAway: "00055",
    }
    const wedstrijd12 = {
      region: "bra",
      division: "BCA",
      dateTime: 1598191200000,
      home: "KCVV Elewijt A",
      away: "VC Groot Dilbeek A",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "00055",
      regNumberAway: "06325",
    }
    const wedstrijd13 = {
      region: "bra",
      division: "ESCA",
      dateTime: 1598191200000,
      home: "KCVV Elewijt B",
      away: "Sp. Eizeringen B",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "00055",
      regNumberAway: "07579",
    }
    const wedstrijd14 = {
      region: "bra",
      division: "BCA",
      dateTime: 1598796000000,
      home: "FC Borght-Humbeek A",
      away: "KCVV Elewijt A",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "00039",
      regNumberAway: "00055",
    }
    const wedstrijd15 = {
      region: "bra",
      division: "ESCA",
      dateTime: 1598796000000,
      home: "VK Borchtlombeek B",
      away: "KCVV Elewijt B",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "07941",
      regNumberAway: "00055",
    }
    const wedstrijd16 = {
      region: "bra",
      division: "FR",
      dateTime: 1596560400000,
      home: "SK Heffen",
      away: "KCVV Elewijt B",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "03738",
      regNumberAway: "00055",
    }
    const wedstrijd17 = {
      region: "bra",
      division: "FR",
      dateTime: 1596736800000,
      home: "SK Laar",
      away: "KCVV Elewijt B",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "R61054",
      regNumberAway: "00055",
    }
    const wedstrijd18 = {
      region: "bra",
      division: "FR",
      dateTime: 1597080600000,
      home: "KCVV Elewijt B",
      away: "KFC Katelijne-Waver B",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "00055",
      regNumberAway: "04453",
    }
    const wedstrijd19 = {
      region: "bra",
      division: "FR",
      dateTime: 1597685400000,
      home: "KCVV Elewijt B",
      away: "KFC Malderen B",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "00055",
      regNumberAway: "03794",
    }
    const wedstrijd20 = {
      region: "bra",
      division: "FR",
      dateTime: 1598464800000,
      home: "KCVV Elewijt B",
      away: "FC St Jozef Londerzeel B",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "00055",
      regNumberAway: "03959",
    }
    const wedstrijd21 = {
      region: "bra",
      division: "FR",
      dateTime: 1598461200000,
      home: "KCVV Elewijt A",
      away: "KV Mechelen Beloften",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "00055",
      regNumberAway: "00025",
    }
    const wedstrijd22 = {
      region: "bra",
      division: "FR",
      dateTime: 1596130200000,
      home: "FC Ramsdonk A",
      away: "KCVV Elewijt B",
      resultHome: "",
      resultAway: "",
      status: "",
      // matchDay,
      regNumberHome: "07300",
      regNumberAway: "00055",
    }
    return (
      <Layout>
        <SEO
          lang="nl-BE"
          title="Matchoverzicht voorbereiding"
          description="Overzicht van alle gespeelde en toekomstige wedstrijden tijdens de voorbereiding van het nieuwe seizoen."
          path={this.props.location.pathname}
        />
        <div className={"games__template"}>
          <p>
            Zoals reeds bekend worden alle wedstrijden verboden tot en met
            (minstens) 25 augustus 2020. De Beker van Brabant werd ook volledig
            geannuleerd. Van ons oefenprogramma blijft dus voorlopig niet veel
            over, en de vraag is nog maar hoe dit zal overeind blijven. Indien
            meer details gekend zijn, vullen we het programma uiteraard verder
            aan.
          </p>
          {/* <MatchWithLogo match={wedstrijd1} />
          <MatchWithLogo match={wedstrijd22} />
          <MatchWithLogo match={wedstrijd16} />
          <MatchWithLogo match={wedstrijd2} />
          <MatchWithLogo match={wedstrijd3} />
          <MatchWithLogo match={wedstrijd17} />
          <MatchWithLogo match={wedstrijd4} />
          <MatchWithLogo match={wedstrijd5} />
          <MatchWithLogo match={wedstrijd18} />
          <MatchWithLogo match={wedstrijd6} />
          <MatchWithLogo match={wedstrijd7} />
          <MatchWithLogo match={wedstrijd9} />
          <MatchWithLogo match={wedstrijd10} />
          <MatchWithLogo match={wedstrijd19} />
          <MatchWithLogo match={wedstrijd11} />
          <MatchWithLogo match={wedstrijd12} />
          <MatchWithLogo match={wedstrijd13} /> */}
          <MatchWithLogo match={wedstrijd21} />
          <MatchWithLogo match={wedstrijd20} />
          {/* <MatchWithLogo match={wedstrijd14} />
          <MatchWithLogo match={wedstrijd15} /> */}
        </div>
      </Layout>
    )
  }
}

export default GamesPage


1			import React, { Component } from "react"
2
3			import Layout from "../layouts/index"
4
5			import SEO from "../components/seo"
6			import MatchWithLogo from "../components/match-with-logo"
7
8			class GamesPage extends Component {
9			render() {
10			const wedstrijd1 = {
11			region: "bra",
12			division: "BVZ",
13			dateTime: 1596044700000,
14			home: "KCVV Elewijt A",
15			away: "Verbroedering Hofstade",
16			resultHome: "",
17			resultAway: "",
18			status: "",
19			// matchDay,
20			regNumberHome: "00055",
21			regNumberAway: "03526",
22			}
23			const wedstrijd2 = {
24			region: "bra",
25			division: "FR",
26			dateTime: 1596650400000,
27			home: "KCVV Elewijt A",
28			away: "Sporting Kampenhout",
29			resultHome: "",
30			resultAway: "",
31			status: "",
32			// matchDay,
33			regNumberHome: "00055",
34			regNumberAway: "02615",
35			}
36			const wedstrijd3 = {
37			region: "bra",
38			division: "BVZ",
39			dateTime: 1596735000000,
40			home: "FC Zemst Sp.",
41			away: "KCVV Elewijt A",
42			resultHome: "",
43			resultAway: "",
44			status: "",
45			// matchDay,
46			regNumberHome: "03746",
47			regNumberAway: "00055",
48			}
49			const wedstrijd4 = {
50			region: "bra",
51			division: "BCA",
52			dateTime: 1596981600000,
53			home: "KCVV Elewijt A",
54			away: "FC Galmaarden A",
55			resultHome: "",
56			resultAway: "",
57			status: "",
58			// matchDay,
59			regNumberHome: "00055",
60			regNumberAway: "05334",
61			}
62			const wedstrijd5 = {
63			region: "bra",
64			division: "ESCA",
65			dateTime: 1596981600000,
66			home: "KCVV Elewijt B",
67			away: "KFC Wambeek Ternat B",
68			resultHome: "",
69			resultAway: "",
70			status: "",
71			// matchDay,
72			regNumberHome: "00055",
73			regNumberAway: "05661",
74			}
75			const wedstrijd6 = {
76			region: "bra",
77			division: "FR",
78			dateTime: 1597255200000,
79			home: "KCVV Elewijt A",
80			away: "FC Melsbroek A",
81			resultHome: "",
82			resultAway: "",
83			status: "",
84			// matchDay,
85			regNumberHome: "00055",
86			regNumberAway: "05659",
87			}
88			const wedstrijd7 = {
89			region: "bra",
90			division: "FR",
91			dateTime: 1597339800000,
92			home: "SK Rapid Leest",
93			away: "KCVV Elewijt A",
94			resultHome: "",
95			resultAway: "",
96			status: "",
97			// matchDay,
98			regNumberHome: "03737",
99			regNumberAway: "00055",
100			}
101			const wedstrijd9 = {
102			region: "bra",
103			division: "ESCA",
104			dateTime: 1597510800000,
105			home: "VV Kester-Gooik B",
106			away: "KCVV Elewijt B",
107			resultHome: "",
108			resultAway: "",
109			status: "",
110			// matchDay,
111			regNumberHome: "05921",
112			regNumberAway: "00055",
113			}
114			const wedstrijd10 = {
115			region: "bra",
116			division: "BCA",
117			dateTime: 1597586400000,
118			home: "FC Herne A",
119			away: "KCVV Elewijt A",
120			resultHome: "",
121			resultAway: "",
122			status: "",
123			// matchDay,
124			regNumberHome: "05934",
125			regNumberAway: "00055",
126			}
127			const wedstrijd11 = {
128			region: "bra",
129			division: "FR",
130			dateTime: 1597945500000,
131			home: "KFC Rhodienne - De Hoek A",
132			away: "KCVV Elewijt A",
133			resultHome: "",
134			resultAway: "",
135			status: "",
136			// matchDay,
137			regNumberHome: "00006",
138			regNumberAway: "00055",
139			}
140			const wedstrijd12 = {
141			region: "bra",
142			division: "BCA",
143			dateTime: 1598191200000,
144			home: "KCVV Elewijt A",
145			away: "VC Groot Dilbeek A",
146			resultHome: "",
147			resultAway: "",
148			status: "",
149			// matchDay,
150			regNumberHome: "00055",
151			regNumberAway: "06325",
152			}
153			const wedstrijd13 = {
154			region: "bra",
155			division: "ESCA",
156			dateTime: 1598191200000,
157			home: "KCVV Elewijt B",
158			away: "Sp. Eizeringen B",
159			resultHome: "",
160			resultAway: "",
161			status: "",
162			// matchDay,
163			regNumberHome: "00055",
164			regNumberAway: "07579",
165			}
166			const wedstrijd14 = {
167			region: "bra",
168			division: "BCA",
169			dateTime: 1598796000000,
170			home: "FC Borght-Humbeek A",
171			away: "KCVV Elewijt A",
172			resultHome: "",
173			resultAway: "",
174			status: "",
175			// matchDay,
176			regNumberHome: "00039",
177			regNumberAway: "00055",
178			}
179			const wedstrijd15 = {
180			region: "bra",
181			division: "ESCA",
182			dateTime: 1598796000000,
183			home: "VK Borchtlombeek B",
184			away: "KCVV Elewijt B",
185			resultHome: "",
186			resultAway: "",
187			status: "",
188			// matchDay,
189			regNumberHome: "07941",
190			regNumberAway: "00055",
191			}
192			const wedstrijd16 = {
193			region: "bra",
194			division: "FR",
195			dateTime: 1596560400000,
196			home: "SK Heffen",
197			away: "KCVV Elewijt B",
198			resultHome: "",
199			resultAway: "",
200			status: "",
201			// matchDay,
202			regNumberHome: "03738",
203			regNumberAway: "00055",
204			}
205			const wedstrijd17 = {
206			region: "bra",
207			division: "FR",
208			dateTime: 1596736800000,
209			home: "SK Laar",
210			away: "KCVV Elewijt B",
211			resultHome: "",
212			resultAway: "",
213			status: "",
214			// matchDay,
215			regNumberHome: "R61054",
216			regNumberAway: "00055",
217			}
218			const wedstrijd18 = {
219			region: "bra",
220			division: "FR",
221			dateTime: 1597080600000,
222			home: "KCVV Elewijt B",
223			away: "KFC Katelijne-Waver B",
224			resultHome: "",
225			resultAway: "",
226			status: "",
227			// matchDay,
228			regNumberHome: "00055",
229			regNumberAway: "04453",
230			}
231			const wedstrijd19 = {
232			region: "bra",
233			division: "FR",
234			dateTime: 1597685400000,
235			home: "KCVV Elewijt B",
236			away: "KFC Malderen B",
237			resultHome: "",
238			resultAway: "",
239			status: "",
240			// matchDay,
241			regNumberHome: "00055",
242			regNumberAway: "03794",
243			}
244			const wedstrijd20 = {
245			region: "bra",
246			division: "FR",
247			dateTime: 1598464800000,
248			home: "KCVV Elewijt B",
249			away: "FC St Jozef Londerzeel B",
250			resultHome: "",
251			resultAway: "",
252			status: "",
253			// matchDay,
254			regNumberHome: "00055",
255			regNumberAway: "03959",
256			}
257			const wedstrijd21 = {
258			region: "bra",
259			division: "FR",
260			dateTime: 1598461200000,
261			home: "KCVV Elewijt A",
262			away: "KV Mechelen Beloften",
263			resultHome: "",
264			resultAway: "",
265			status: "",
266			// matchDay,
267			regNumberHome: "00055",
268			regNumberAway: "00025",
269			}
270			const wedstrijd22 = {
271			region: "bra",
272			division: "FR",
273			dateTime: 1596130200000,
274			home: "FC Ramsdonk A",
275			away: "KCVV Elewijt B",
276			resultHome: "",
277			resultAway: "",
278			status: "",
279			// matchDay,
280			regNumberHome: "07300",
281			regNumberAway: "00055",
282			}
283			return (
284			<Layout>
285			<SEO
286			lang="nl-BE"
287			title="Matchoverzicht voorbereiding"
288			description="Overzicht van alle gespeelde en toekomstige wedstrijden tijdens de voorbereiding van het nieuwe seizoen."
289			path={this.props.location.pathname}
290			/>
291			<div className={"games__template"}>
292			<p>
293			Zoals reeds bekend worden alle wedstrijden verboden tot en met
294			(minstens) 25 augustus 2020. De Beker van Brabant werd ook volledig
295			geannuleerd. Van ons oefenprogramma blijft dus voorlopig niet veel
296			over, en de vraag is nog maar hoe dit zal overeind blijven. Indien
297			meer details gekend zijn, vullen we het programma uiteraard verder
298			aan.
299			</p>
300			{/* <MatchWithLogo match={wedstrijd1} />
301			<MatchWithLogo match={wedstrijd22} />
302			<MatchWithLogo match={wedstrijd16} />
303			<MatchWithLogo match={wedstrijd2} />
304			<MatchWithLogo match={wedstrijd3} />
305			<MatchWithLogo match={wedstrijd17} />
306			<MatchWithLogo match={wedstrijd4} />
307			<MatchWithLogo match={wedstrijd5} />
308			<MatchWithLogo match={wedstrijd18} />
309			<MatchWithLogo match={wedstrijd6} />
310			<MatchWithLogo match={wedstrijd7} />
311			<MatchWithLogo match={wedstrijd9} />
312			<MatchWithLogo match={wedstrijd10} />
313			<MatchWithLogo match={wedstrijd19} />
314			<MatchWithLogo match={wedstrijd11} />
315			<MatchWithLogo match={wedstrijd12} />
316			<MatchWithLogo match={wedstrijd13} /> */}
317			<MatchWithLogo match={wedstrijd21} />
318			<MatchWithLogo match={wedstrijd20} />
319			{/* <MatchWithLogo match={wedstrijd14} />
320			<MatchWithLogo match={wedstrijd15} /> */}
321			</div>
322			</Layout>
323			)
324			}
325			}
326
327			export default GamesPage
328

soniCaH / KCVV-Elewijt-Gatsby

Push — feature/psd-api ( 1320f3 )

GamesPage.render B

Complexity

Size

Duplication

Importance

How to fix Long Method

Long Method

Duplication Side-by-Side

Filter issues like